<div class="oneself-box">
    <div class="oneself-l">
        <div class="userpicbox">
            <img ng-click="tomyaccount()" ng-src={{person.logo}} alt="用户头像..." />
        </div>
        <div class="name">{{person.nickname}}</div>
        <!--<div class="lv">级别：<span>{{person.levelName}}</span></div>-->
        <div class="lv">级别：<span>普通会员</span></div>
        <div class="major">专业：<span>{{person.databaseSecondName}}</span></div>
    </div>
    <div class="oneself-c"></div>
    <div class="oneself-r">
        <div class="keydiv">
            <span >人气</span>
            <span   >关注</span>
            <span >粉丝</span>
        </div>
        <div class="valdiv">
            <span ng-click="goTo('prosonMine.myFriends',{type:'fansEachother'})">{{person.browseCount}}</span>
            <span ng-click="goTo('prosonMine.myFriends',{type:'care'})"  class="otherspan">{{person.followCount}}</span>
            <span ng-click="goTo('prosonMine.myFriends',{type:'fans'})" >{{person.byFollowCount}}</span>
        </div>

    </div>
</div>
<style type="text/css">
    /*右边数据css*/
    .keydiv {
        float: right;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        color: #fff;
    }
    .keydiv>span {
        display: inline-block;
        width: 81px;
        height: 40px;
        line-height: 40px;
        text-align: center;

    }
    .valdiv {
        float: right;
        font-size: 24px;
        color: #fff;
        height: 40px;
        line-height: 40px;
    }
    .valdiv>span {
        display: inline-block;
        width: 80px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
    }
    .otherspan {
        border-left: 1px #fff solid;
        border-right: 1px #fff solid;
    }
    /*左边数据css*/
    .name {
        font-size: 16px;
        color: #fff;
        margin-top: 8px;
        margin-bottom: 8px;
        margin-left: 112px;
    }
    .lv {
        font-size: 12px;
        color: #fff;
        margin-bottom: 4px;
        margin-left: 112px;

    }
    .major {
        font-size: 12px;
        color: #fff;
        margin-left: 112px;
    }
    .userpicbox {
        width: 70px;
        height: 70px;
        border:5px #cabdbc solid;
        border-radius: 50%;
        overflow: hidden;
        margin: 0;
    }
    .userpicbox>img {
        width: 70px;
        height: 70px;
    }

    /*左中右边数据盒子*/
    .oneself-l {
        float: left;
        width: 400px;
        height: 80px;
        overflow: hidden;
    }
    .oneself-c {
        float: left;
        width: 400px;
        height: 80px;
        overflow: hidden;
    }
    .oneself-r {
        float: right;
        width: 400px;
        height: 80px;
        overflow: hidden;
    }
    /*背景*/
    .oneself-bg {
        width: 100%;
        height: 200px;
        background: url("them/img/topbj.png") no-repeat;
        background-size: cover;
    }
    .oneself-box {
        position: relative;
        width: 1200px;
        height: 80px;
        margin: 0 auto;
        top: 60px;
        overflow: hidden;
    }
</style>